/*head*/
.head{ width:100%; height:179px; overflow:hidden; background: url(../img/head.jpg) repeat-x;}
.top{ width:980px; height:29px; line-height:28px; margin:0 auto;}
.wellcome{ width:390px; float:left;color:#666;}
.wellcome p {
  margin-left: auto;
  margin-right: auto;
  width: 570px;
}
.sub-menu{ width:300px; float:right;}
.sub-menu-list li{ float:left; color:#666;}
.sub-menu-list li a{ display:inline-block; padding:0 2px; color:#666;}
.logo-box{ width:980px; height:112px; margin:0 auto;}
.logo{ width:240px; height:82px; float:left; padding-top:29px;}
.logo .hd_logo{display: inline-block;padding:0 0px 0 0px; height:66px; width:220px; line-height: 300px;background: url(/img/logo.png) no-repeat center;}
.logo02{ width:300px; height:82px; font-size:16px; color:#F00; font-family:"微软雅黑"; font-weight:bold; float:left; padding-top:30px;}
.logo02 span{ width:310px; height:30px; font-size:16px; color:#666; font-family:"微软雅黑"; font-weight:bold; float:left; padding-top:10px;}
.tel{ width:382px; height:90px; float:right; padding-top:10px;}
.nav{ width:980px; height:38px; line-height:38px; margin:0 auto; overflow:hidden;}
.nav-list li{ float:left;}
.nav-list .bd{ width:2px; height:38px; background:url(../img/bd.jpg) no-repeat;}
.nav-list li a{ display:inline-block; padding-left:30px; padding-right:31px; font-size:14px; color:#FFF; font-family:"微软雅黑"; font-weight:bold;}
.nav-list li a:hover,.nav-list li a.hover{ text-decoration:none; background:url(../img/hover.jpg) repeat-x;}

/*搜索栏*/
.serach-box{ width:280px; height:29px; line-height:29px; margin:0 auto; overflow:hidden;}
.search-link{ width:650px; float:left;}
.search-link a{ display:inline-block; padding:0 5px; color:#666;}
.search{ width:278px; height:24px; float:right;}
.ipt01{ width:202px; height:22px; line-height:22px; border:#CCC solid 1px; border-right:0; float:left;}
.btn01{ width:71px; height:24px; background:url(../img/serach-btn.jpg) no-repeat; border:0;float:left; cursor:pointer;}

/*banner*/
.banner_bg{ width:990px; height:22px; margin:0 auto; background:url(../img/banner_bg.jpg) no-repeat;}

/*合作品牌*/
.co-brand{ width:980px; height:180px; margin:0 auto; background:url(../img/pp_bg.jpg) no-repeat;}
.co-brand strong{ display:block; width:350px; height:30px; line-height:30px; margin:0 auto; text-align:center; color:#FFF;}
.co-brand-marquee{ width:980px; height:110px; padding:10px 0;}
.left{ width:20px; height:82px; float:left; padding-left:7px;}
.right{ width:20px; height:82px; float:right; padding-right:7px;}
.co-brand-gd{ width:924px; height:110px; float:left;}
.co-brand-list li{ width:144px; float:left; padding:0 5px;}
.co-brand-list li img{ width:142px; height:82px; border:#CCC solid 1px;}
.co-brand-list li span{ display:block; height:20px; line-height:20px; padding-top:5px; text-align:center; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.co-brand-list li a:hover img{ border:#06F solid 1px; filter: Alpha(Opacity=50); opacity:0.8;}

/*center*/
.more{ float:right; padding-right:10px; color:#666;}
.title01{ width:208px; height:36px; line-height:36px; background:url(../img/title01.jpg) no-repeat; color:#FFF;}
.title01 strong{ font-size:14px; padding:0 8px;}
.title01 span{ color:#ADBDCE; font-family:Arial; font-size:10px;}
.title02{ width:760px; height:36px; line-height:36px; background:url(../img/title02.jpg) no-repeat;}
.title02 strong{ color:#002C59; font-size:14px; padding-left:25px;}
.title03{ width:980px; height:44px; line-height:44px; background:url(../img/title03.png) no-repeat 0 12px;}
.title03 strong{ font-size:14px; padding-left:25px; padding-right:10px;}
.title03 span{ font-size:14px; color:#666; font-family:Arial;}

.center{ width:980px; height:auto; margin:0 auto; overflow:hidden;}
.box-l{ width:208px; height:auto; float:left;}
.sub-box{ width:208px; height: auto;}
.pro-menu{ width:206px; height:664px; border:#CCC solid 1px; border-top:0; background:#F2F2F2; overflow:hidden;}
.menu-list{ width:190px; padding:8px;}
.menu-list li{  width:190px;text-align:left;height:26px; color:#666666; line-height:26px; padding-left:22px;background:url(../imge/jiant_03.png) no-repeat 10px 8px ; overflow:hidden;  border-bottom:1px dashed #cccccc;margin:0px 0 0 0px;}
.menu-list li a{ display:block; height:28px; padding-left:0px;}
.menu-list li a:hover,.on{ text-decoration:none; color:#F00;}
.btn {
  bottom: 10px;
  margin-right: -485px;
  padding: 5px 6px;
  position: absolute;
  right: 50%;
  z-index: 7;
}
.banner {
  position: relative;
  height: 450px;
  margin:0 auto;
  width: 1440px;;
  overflow: hidden;
}
.btn span {
  background: none repeat scroll 0 0 #F00;
  border: 1px solid #F00;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  margin-left: 5px;
  padding: 2px 6px;
}

.box-r{ width:760px; height:auto; float:right;}
.product{ width:754px; height:664px;border:#CCC solid 1px; border-top:0;overflow:hidden; padding:0 2px;}
.product-list li { width:176px; height:auto; float:left; padding:15px 6px 0px;}
.product-list li img{ width:170px; height:170px; border:#CCC solid 1px; padding:2px;}
.product-list li img:hover{ border:#06F solid 1px;}
.product-list li span{ display:block; text-align:center; height:24px; line-height:24px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; padding-top:5px;}

.gg01{ width:980px; height:120px; margin-top:15px;}
.gg_bg{ width:980px; height:20px; background:url(../img/gg_bg.jpg) no-repeat;}

.case{ width:980px; height:277px; background:url(../img/box_bg.png) top center no-repeat; padding-top:25px; overflow:hidden;}
.left_all{ width:23px; height:220px; float:left; padding-left:3px;}
.right_all{ width:23px; height:220px; float:right; padding-right:3px;}
.case-marquee{ width:924px; height:277px; float:left;}
.case-list li{ width:296px; height:auto;  float:left; padding:0 6px;}
.case-list li .case_bg{ width:296px; height:234px; background:url(../img/case_bg.jpg) no-repeat bottom;}
.case-list li img{ width:290px; height:218px; border:#CCC solid 1px; padding:2px;}
.case-list li img:hover{ border:#06F solid 1px;}
.case-list li span{ display:block; height:24px; line-height:24px;  text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.bg{ width:100%; height:344px; background:#F9F9F9; border-top: #CCC solid 1px; border-bottom:#CCC solid 1px;}
.honor-box{ width:980px; height:auto; margin:0 auto; overflow:hidden;}
.honor{width:980px; height:270px; background:url(../img/box_bg.png) top center no-repeat #F9F9F9; padding-top:25px; overflow:hidden;}
.honor-marquee{width:924px; height:270px; float:left;}
.honor-list li{ width:168px; float:left; padding:0 8px;}
.honor-list li .ry_bg{ width:168px; height:229px; background:url(../img/ry_bg.jpg) no-repeat bottom;}
.honor-list li img{ width:162px; height:208px; border:#CCC solid 1px; padding:2px;}
.honor-list li img:hover{ filter: Alpha(Opacity=50); opacity:0.8;}
.honor-list li span{ display:block; height:24px; line-height:24px; text-align:center; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.youshi{ width:980px; height:auto; overflow:hidden;}
.text01{ color:#D00000; font-size:14px; font-weight:bold; font-family:"微软雅黑";}
.ys-biaoti{ width:980px; height:120px; overflow:hidden;}
.ys01{ width:980px; height:310px; background:url(../img/ys01.jpg) no-repeat; overflow:hidden;}
.ys01 strong{ display:block; font-size:23px; color:#1974B8; padding-top:65px; padding-left:70px; font-weight:normal;}
.ys01 p{ width:400px; max-height:150px; font-size:14px; line-height:30px; padding-top:24px; padding-left:70px;overflow:hidden;}
.ys02{ width:980px; height:330px; background:url(../img/ys02.jpg) no-repeat; overflow:hidden;}
.ys02 strong{ display:block; width:460px; float:right; font-size:23px; color:#1974B8; padding-top:65px; padding-left:10px; font-weight:normal;}
.ys02 p{ width:460px; max-height:150px; float:right; font-size:14px; line-height:30px; padding-top:24px; padding-left:70px;overflow:hidden;}
.ys03{ width:980px; height:320px; background:url(../img/ys03.jpg) no-repeat; overflow:hidden;} 
.ys03 strong{ display:block; font-size:23px; color:#1974B8; padding-top:86px; padding-left:70px; font-weight:normal;}
.ys03 p{ width:400px; max-height:150px; font-size:14px; line-height:30px; padding-top:24px; padding-left:70px;overflow:hidden;}
.ys04{ width:980px; height:310px; background:url(../img/ys04.jpg) no-repeat; overflow:hidden;}
.ys04 strong{ display:block; width:460px; float:right; font-size:23px; color:#1974B8; padding-top:90px; font-weight:normal;}
.ys04 p{ width:460px; max-height:150px; float:right; font-size:14px; line-height:30px; padding-top:24px; padding-left:70px; overflow:hidden;}
.ys05{ width:980px; height:340px; background:url(../img/ys05.jpg) no-repeat; overflow:hidden;}
.ys05 strong{ display:block; font-size:23px; color:#1974B8; padding-top:80px; padding-left:70px; font-weight:normal;}
.ys05 p{ width:400px;max-height:150px; font-size:14px; line-height:30px; padding-top:24px; padding-left:70px;overflow:hidden;}

.aboutus-box{ width:980px; height:auto; margin:0 auto; padding-top:10px;}
.aboutus{width:980px; height:430px; background:url(../img/box_bg.png) top center no-repeat; padding-top:12px; overflow:hidden;}
.about-t{ width:322px; height:232px; float:left; background:url(../img/aboutus_bg.jpg) no-repeat bottom;}
.about-t img{ width:314px; height:214px; border:#CCC solid 1px; padding:3px;}
.about-text{ width:630px;height:232px;text-indent: 2em; float:right; overflow:hidden; padding:0 12px 10px; line-height:22px; font-size:13px;}
.about-marquee{ width:980px; height:226px; padding-top:20px; background:url(../img/about_gun_bg.jpg) no-repeat top;}
.about-left{ width:17px; height:156px; float:left; padding-left:5px;}
.about-right{ width:17px; height:156px; float:right; padding-right:5px;}
.about-c{ width:924px; height:160px; float:left; padding:0 5px;}
.about-list li{ width:216px; height:auto; float:left; padding-left:8px; padding-right:7px;}
.about-list li img{ width:210px; height:150px; border:#CCC solid 1px; padding:2px;}
.about-list li img:hover{ filter: Alpha(Opacity=50); opacity:0.8;}
.about-list li span{ display:block; text-align:center; height:24px; line-height:24px; padding-top:5px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.bg02{ width:100%; height:700px; padding-top:22px; background:#F9F9F9; border-top: #CCC solid 1px; border-bottom:#CCC solid 1px;}
.box01{ width:980px; height:auto; margin:0 auto; overflow:hidden;}
.js-box{ width:340px; height:auto; float:left; border-right:#CCC dashed 1px; padding-right:20px;}
.js-title{ width:340px; height:45px; line-height:45px; background:url(../img/js-title.jpg) no-repeat;}
.js{ width:340px; padding-bottom:16px; overflow:hidden;}
.js-t{ width:142px; height:110px; float:left; padding-top:10px; padding-right:10px;}
.js-t img{ width:138px; height:102px; border:#CCC solid 1px; padding:2px;} 
.js-t img:hover{ border:#06F solid 1px;}
.js-text{ width:180px; height:116px; float:right; padding-top:6px;}
.js-text strong{ font-size:13px; height:24px; line-height:24px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.js-text p{ height:auto; max-height:72px;line-height:24px; overflow:hidden;}
.js-text span{ height:20px; line-height:20px;}
.js-list{ padding-top:10px;}
.js-list li{ width:auto; height:34px; line-height:34px; border-top: #CCC dashed 1px; background:url(../img/list.png) no-repeat 0 13px;}
.js-list li span{ width:230px; height:34px; float:left; padding-left:15px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.js-list li em{ float:right;}

.news-box{ width:340px; height:auto; float:left; border-right:#CCC dashed 1px; padding-right:20px; padding-left:20px;}
.news-title{ width:340px; height:45px; line-height:45px; background:url(../img/news-title.jpg) no-repeat;}
.news{ width:340px; padding-bottom:16px; overflow:hidden;}
.news-t{ width:142px; height:110px; float:left; padding-top:10px; padding-right:10px;}
.news-t img{ width:138px; height:102px; border:#CCC solid 1px; padding:2px;} 
.news-t img:hover{ border:#06F solid 1px;}
.news-text{ width:180px; height:116px; float:right; padding-top:6px;}
.news-text strong{ font-size:13px; height:24px; line-height:24px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.news-text p{ height:auto; max-height:72px;line-height:24px; overflow:hidden;}
.news-text span{ height:20px; line-height:20px;}
.news-list{ padding-top:10px;}
.news-list li{ width:340px; height:34px; line-height:34px; border-top: #CCC dashed 1px; background:url(../img/list.png) no-repeat 0 13px;}
.news-list li span{ width:230px; height:34px; float:left; padding-left:15px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.news-list li em{height:34px; float:right;}

.faq-box{ width:222px; height:auto; float:right;}
.faq-title{ width:222px; height:45px; line-height:45px; background:url(../img/faq-title.jpg) no-repeat;}
.faq{ width:222px; overflow:hidden; }
.faq-list .wen{ width:220px; height:24px; line-height:24px; padding-top:10px; background:url(../img/wen.jpg) no-repeat 0 14px; overflow:hidden;}
.faq-list .da{ width:220px; height:48px; line-height:24px; padding-bottom:10px; background:url(../img/da.jpg) no-repeat 0 4px; overflow:hidden; border-bottom:#CCC dashed 1px;}
.faq-list a{ display:block; padding-left:20px;}

.link{ width:980px; height:84px; margin:0 auto; background:url(../img/link_bg.png) top no-repeat;}
.link p{ width:980px; height:34px; line-height:25px; }
.link i{ font-size:24px; color:#999999; font-family:"宋体";}
.link span{ font-size:14px; color:#846666; display:inline-block; padding:0 8px;}
.link a{display:inline-block; padding:0 5px;color:#BDB7B2; }

.footer{ width:100%; height:300px; background:#2E5882; overflow:hidden;}
.btm{ width:980px; height:270px; margin:0 auto;}
.sub-nav{ width:980px; height:45px; line-height:45px; border-bottom:#FFF dashed 1px; overflow:hidden;}
.sub-nav-list{ width:880px; margin:0 auto;}
.sub-nav-list li{ float:left; color:#FFF; text-align:center;}
.sub-nav-list li a{ display:inline-block; padding:0 28px; color:#FFF;}

.weixin{ width:145px; height:auto; float:left; padding-top:15px; padding-left:5px; padding-right:25px;}
.weixin span{ display:block; height:24px; line-height:24px; text-align:center; padding-top:5px; color:#FFF;}
.fenxiang{ width:145px; height:24px;}
.fenxiang p{height:24px; line-height:24px; color:#FFF;}
.bd02{ width:2px; height:202px; background:url(../img/bd02.jpg) no-repeat; float:left; margin-top:10px;}
.copy{ width:500px; height:auto; float:left; padding:15px 20px 0; line-height:25px; color:#FFF;}
.copy a{ font-size:12px; color:#FFFFFF;}
.copy p img{ vertical-align:middle; padding:0 5px;}
.btm_link{ width:490px; height:40px; padding-top:10px;}
.map{ width:234px; height:auto; float:right; padding-top:15px; padding-right:5px;}

.porMenu{ margin-top:4px;}
.porMenu p{ width:192px; height:34px; color:#ccc; font-weight:bold; font-size:12px; padding-left:12px; text-align:left; line-height:34px;background:url(../imge/p_15.png) no-repeat 0px 0px; cursor:pointer;}
.porMenu p a{color:#333;}
.porMenu .icon1 span{ display:block; height:30px; padding-left:35px; margin:0px 0 0 5px;background:url(../imge/menu_ico_01.png) no-repeat 0px 2px;}
.porMenu .icon2 span{ display:block; height:30px; padding-left:35px; margin:0px 0 0 5px;background:url(../imge/menu_ico_02.png) no-repeat 0px 2px;}
.porMenu .icon3 span{ display:block; height:30px; padding-left:35px; margin:0px 0 0 5px;background:url(../imge/menu_ico_03.png) no-repeat 0px 2px;}
.porMenu .icon4 span{ display:block; height:30px; padding-left:35px; margin:0px 0 0 5px;background:url(../imge/menu_ico_04.png) no-repeat 0px 2px;}
.porMenu .icon5 span{ display:block; height:30px; padding-left:35px; margin:0px 0 0 5px;background:url(../imge/menu_ico_05.png) no-repeat 0px 2px;}
.porMenu .icon6 span{ display:block; height:30px; padding-left:35px; margin:0px 0 0 5px;background:url(../imge/menu_ico_01.png) no-repeat 0px 2px;}
.izl-rmenu{
	       margin-right: 0;
	       width: 82px;
	       position: fixed;
	       right: 2px;
	       top: 65%;
	       -webkit-box-shadow: #DDD 0px 1px 5px;
	       -moz-box-shadow: #DDD 0px 1px 5px;
	       box-shadow: #DDD 0px 1px 5px;
	       z-index:999;
}
.izl-rmenu .consult{    
	background-image: url(../img/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center -77px;
    display: block;
    height: 76px;
    width: 82px;
}
.izl-rmenu .consult .phone {
    background-color: rgb(247,247,255);
    position: absolute;
    width: 160px;
    left: -160px;
    top: 0px;
    line-height: 73px;
    color: #000;
    font-size: 18px;
    text-align: center;
    display: none;
    box-shadow: #DDD -1px 1px 4px;
}
.izl-rmenu a.consult:hover .phone{display:inline !important;}
.izl-rmenu .cart {
    background-image: url(../img/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center bottom;
    display: block;
    height: 16px;
    width: 16px;
    font-size: 12px;
    line-height: 16px;
    color: #45BDFF;
    text-align: center;
    padding-top: 15px;
    padding-right: 18px;
    padding-bottom: 47px;
    padding-left: 48px;
}
.izl-rmenu a.cart:hover .pic{display:block;}
.izl-rmenu .btn_top {
    background-image: url(../img/float_top.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 39px;
    width: 82px;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}
.izl-rmenu .btn_top:hover {
	background-image: url(../img/float_top.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.izl-rmenu .cart .pic {
	display:none;
    position: absolute;
    left: -160px;
    top: 65px;
    width: 160px;
    height: 160px;
    background:url(../img/weixin.jpg);
}
#udesk-feedback-tab {
    position: fixed;
    right: 2px;
    top: 65%;
    margin-top: -76px;
    -webkit-box-shadow: #DDD 0px -1px 5px;
    -moz-box-shadow: #DDD 0px -1px 5px;
    box-shadow: #DDD 0px -1px 5px;
    z-index: 10000;
    cursor: pointer;
    background-image: url(../img/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 76px;
    width: 82px;
    background-color: #FFF!important;
    z-index:999;
}